@import './common.less';

.mmm_view{
    .category_search{
        background-color: #fff;
        padding: 10px;
        .search_box{
            width: 78%;
            margin: 0;
            border-radius: 20px;
        }
        .search_btn{
            width: 20%;
            border-radius: 20px;
            color: #fff;
            background-color: #ff841d;
        }
    }
    .breadcrumb_nav{
        padding: 5px;
        height: 45px;
        line-height: 45px;
        border: 1px solid #ccc;
        .breadcrumb{
            float: left;
            list-style: none;
            margin: 0;
            padding: 0;
            li{
                height: 30px;
                line-height: 30px;
                float: left;
                padding-left: 5px;
                a{
                    color: #000;
                    font-size: 14px;
                }
            }
        }
        .breadcrumb_btn{
            float: right;
            button{
                border-radius: 10px;
            }
        }
    }
    .goods_list{
        position: relative;
        ul.items{
            list-style: none;
            margin: 0;
            padding: 0;
            background-color: #fff;
            li{
                padding: 3px 10px;
                border-bottom: 1px solid #ccc;
                >a{
                   width: 100%;
                    display: flex;
                    .item_left{
                        flex: 2;
                    }
                    .item_right{
                        flex: 5;
                        display: flex;
                        flex-direction: column;
                        justify-content: space-between;
                        padding-left: 10px;
                        .item_r_title{
                            color: #000;
                            padding-top: 8px;
                        }
                        .item_r_price{
                            font-size: 14px;
                            color: #f00;
                        }
                        .item_r_comment{
                            font-size: 13px;
                            color: #666;
                            i{
                                font-style: normal;
                            }
                        }
                    }
                }
            }
        }
    }
    .choose_page{
        position: relative;
        height: 30px;
        margin: 5px 0;
        .pre_page{
            position: absolute;
            left: 0;
        }
        .dropdown{
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            text-align: center;
            .page_text{
                font-size: 14px;
                border: 1px solid #ccc;
                width: 100px;
                padding: 5px;
                background-color: #fff;
                letter-spacing: 5px;
            }
            .page_num{
                display: none;
                list-style: none;
                margin: 0;
                padding: 0;
                border: 1px solid #ccc;
                li{
                    height: 30px;
                    background-color: #fff;
                    border-bottom: 1px solid #ccc;
                    color: #333;
                    font-size: 14px;
                    letter-spacing: 5px;
                    a{
                        
                    }
                }
                
             }
        }
        .next_page{
            position: absolute;
            right: 0;
        }
    }

}

#category_detail_body{
    .show{
        display: block
    }
}